@import (reference) "../../setting.less";

.ui-button {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    position: relative;
    &.primary {
        width: 148px;
        height: 40px;
        font-size: 18px;
    }
    &.second {
        width: 113px;
        height: 32px;
        font-size: 16px;
    }
    &.third {
        width: 90px;
        height: 32px;
        font-size: 16px;
    }
    & > svg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
    .ui-button-body {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 16px;
    }
    &.selected {
        .ui-button-body {
            color: @primary-color;
        }
    }
}
